<!doctype html>
<html>
<head>
    <title>Slider occupying full page</title>
    <style>
        html body { margin: 0; padding: 0; }
        #myslider { width:100%; }
        #myslider img { width:100%; height:auto; }
    </style>
</head>
<body>
<div id="myslider">
    <a href="">
        <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163631/dabf7b0e7483529432bcab9ad544d69f.jpg" alt="">
    </a>
    <a href="">
    <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163630/418acd4e2e6821c18fff5f951126df5d.jpg" alt="">
    </a>
    <a href="">
    <img src="http://wxalbum-10001658.image.myqcloud.com/wxalbum/124008/20181023163628/c476528b870ccd601e13ecfac5157449.jpg" alt="">
    </a>
</div>
</body>
<script src="../simpleslider.js"></script>
<script>
    var container = document.getElementById('myslider');
    var height = isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
    var imgSlider = simpleslider.getSlider({
        container: container,
        autoPlay: true,
        prop: 'left',
        unit: '%',
        init: -100,
        show: 0,
        end: 100
    });
    container.style.height = height + 'px';
</script>
</html>